// pages/recommend-songs/recommend-songs.js
import request from "../../utils/request"
Page({

    /**
     * 页面的初始数据
     */
    data: {
        date:"",//日
        month:"",//月
        songList:[],//推荐歌单列表
        flag:false , //是否隐藏fixedTitle
        _scrollTop:0,
        moniData:[]//模拟上拉加载数据
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
         // 判断用户是否登录
        let userInfo = wx.getStorageSync('userInfo');
        if(!userInfo){
            wx.showToast({
                title: '请先登录',
                icon: 'none',
                success: () => {
                // 跳转至登录界面
                wx.reLaunch({
                    url: '/pages/login/login'
                })
                }
            })
        }
        // 更新日期的状态数据
        this.setData({
        date: new Date().getDate(),
        month: new Date().getMonth() + 1
        })
  
        this._getSongList()
    },
    //方法集
    async _getSongList(){
        let songListData = await request('/recommend/songs',0);
        //添加模拟数据
        this.data.moniData=songListData.recommend
        this.setData({
          songList: songListData.recommend
        })
    },
    _getRect: function(){
        let that = this
        wx.createSelectorQuery().select('#title').boundingClientRect(function(rect){
            console.log(that.data._scrollTop );
            that.data._scrollTop=rect.top
            //   rect.id      // 节点的ID
        //   rect.dataset // 节点的dataset
        //   rect.left    // 节点的左边界坐标
        //   rect.right   // 节点的右边界坐标
        //   rect.top     // 节点的上边界坐标
        //   rect.bottom  // 节点的下边界坐标
        //   rect.width   // 节点的宽度
        //   rect.height  // 节点的高度
        }).exec()
      },
      toDetail(e){
          console.log(e.currentTarget.dataset);
          let id=e.currentTarget.dataset.id
          wx.navigateTo({
              url: '/pages/song-detail/song-detail?id='+id
          });
      },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        this._getRect()
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
       
    },
    //监听用户滑动页面事件
    onPageScroll(obj){
        let a=obj.scrollTop-0
        let b=this.data._scrollTop-0
        let f=this.data.flag
      if(a>b && f){
          return
      }
      if(a>b && !f){
            this.setData({
                flag:true
            })
        }
       if(a<b && !f){
           return
       } 
       if(a<b && f){
        this.setData({
            flag:false
        })
       }
       console.log(this.data.flag);
    },
    /**
     * 页面上拉触底事件的处理函数
     */
    // onReachBottom: function () {模拟上拉刷新
    //     let list=this.data.songList
    //     setTimeout(()=>{
    //         this.setData({
    //             songList:list.push(this.data.moniData)
    //         })
    //     },2000)
    // },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})